Appel En-tête:
<meta name="viewport" content="width=device-width, initial-scale=0.5, shrink-to-fit=no"/> <link href="http://boraklerouge.free.fr/CSS/CSS-Base-2017/Base.css" type="text/css" rel="stylesheet" /> <link href="http://boraklerouge.free.fr/CSS/CSS-Base-2017/Couleur.css" type="text/css" rel="stylesheet" media="screen" /> <link href="http://boraklerouge.free.fr/CSS/CSS-Base-2017/Impression.css" type="text/css" rel="stylesheet" media="print" />
Corps du Document :
<body class="fine fix700 nomarge"> <div id="page"> <h1>Titre</h1> ... </div> </body>
Feuille de démonstration à deux colonnes.
Feuille de démonstration à deux colonnes en flexbox.
Feuille de démonstration à deux colonnes en flexbox et html5.
Classe | Fonction |
---|---|
"var" | Taille variable. |
"varpc" | Taille variable en pourcentage. |
"plein" | Taille pleine page. |
"fix500" | Taille de 500px (500/600/700/800/900/1000/1100/1200/1400/1600). |
"nomarge" | Marge identique pour titre et contenu. |
"fine" | Titre de page fin. |
"limit1200" | Largeur maximum (1200/1400/1600). |
"overauto" | Page en Overflow Auto. |
Classe | Fonction |
---|---|
Element | |
"tab100" | Bloc de tabulation de 100px (100/150/200/250/300/350/400/500). |
"centre" | Centrage de bloc. |
"max100pc" | Bloc à 100% de la largeur. |
"vertTop" | Alignement vertical haut. |
"vertMid" | Alignement vertical centré. |
"invisible" | Objet invisible. |
Texte | |
"txtGauche" | Texte à gauche. |
"txtDroite" | Texte à droite. |
"txtCentre" | Texte centré. |
"txtJust" | Texte justifié. |
"txtRouge" | Rouge. |
"txtVert" | vert. |
"txtBleu" | bleu. |
Tableau | |
"noTrait" | "TABLE" sans trait visible. |
"subrillant"/"hilite" | Ligne de tableau en cours. |
"marge" | Case de tableau avec plus de marge. |
Image | |
"img1" | Image largeur totale. |
"img2" | Image largeur 1/2. |
"img3" | Image largeur 1/3. |
"no limit" | Aucune contrainte. |
Flottant | |
"limitFloat" | Empeche un bloc de laisser déborder un flottant. |
"floatLeft" | Flottant à gauche. |
"floatRight" | Flottant à droite. |
"clearLeft" | Bloqueur de flottant à gauche. |
"clearRight" | Bloqueur de flottant à droite. |
Spécial | |
"datemaj" | Champ date de maj. |
"connex" | Fenêtre de connexion. |
Classe | Fonction |
---|---|
tail050 | Taille 50% |
tail070 | Taille 70% |
tail080 | Taille 80% |
tail090 | Taille 90% |
tail095 | Taille 95% |
tail110 | Taille 110% |
tail120 | Taille 120% |
tail130 | Taille 130% |
tail150 | Taille 150% |
tail200 | Taille 200% |
verdana | Police Verdana |
century | Police Century |
times | Police Times |
georgia | Police Georgia |
Classe | Fonction |
---|---|
"ok" | Message Correct. |
"warning" | Message de Warning. |
"ko/alerte/anomalie" | Message d'Anomalie. |
"violet" | Au cas où. |
"indef" | indéfini. |
<link href="http://boraklerouge.free.fr/CSS/CSS-Base-2017/Extension.css" type="text/css" rel="stylesheet" />
Doc. -
Col-1 -
Col-2
Col-2 Flex -
Col-2 Flex H5